<template>
  <div class="flex">
    <company-selector v-model="selectCompanyId"/>
    <department-selector v-model:company-id="selectCompanyId" v-model="selectDepartmentId"/>
  </div>
</template>

<script setup lang="ts">
import DepartmentSelector from "./DepartmentSelector.vue";
import CompanySelector from "./CompanySelector.vue";
import {ref} from "vue";

const selectCompanyId = ref<number>()
const selectDepartmentId = defineModel()
</script>

<style scoped>

</style>